import React from 'react'
import "./home.scss"
import { Input } from 'antd';
import { Carousel } from 'antd';
const contentStyle: React.CSSProperties = {
    height: '100px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
    background: '#364d79',
    borderRadius: "8px",
    marginLeft: "10px",
    marginRight: "10px"
};
function Home() {
    return (
        <div className='box'>
            <div className='top'>
                <h2>百灵医生</h2>
                <p>国家卫建委认证医疗机构|三甲医生.放心问诊</p>
                <Input style={{ width: "380px" }} placeholder="搜索医生、科室、疾病、医院" />
            </div>
            <div className='centent'>
                <div className='centent-top'>
                    <h2>极速问诊</h2>
                    <p>智能分科室<span style={{ color: "#09f" }}>5分钟</span>回复</p>
                </div>
                <div className='centent-top2'>
                    <h2>找医生</h2>
                    <p><span style={{ color: "orange" }}>全国良医</span>在线接诊</p>
                </div>
                <div className='centent-top2'>
                    <h2>购药</h2>
                    <p><span style={{ color: "green" }}>正品保障</span>在线开方</p>
                </div>
            </div>
            <div>
                <Carousel autoplay>
                    <div>
                        <h3 style={contentStyle}>1</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>2</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>3</h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>4</h3>
                    </div>
                </Carousel>
            </div>
            <div className='bottom'>
                <h3>特色门诊<span>一站式亚健康医疗解决方案</span></h3>
                <div className='aaa'>
                    <div className='centent-top'>
                        <h3>科学管理睡眠</h3>
                        <p><span style={{ color: "#ddd" }}>30天睡个好觉</span></p>
                    </div>
                    <div className='centent-top2'>
                        <h3>宝宝睡的好</h3>
                        <p><span style={{ color: "#ddd" }}>大人没烦恼</span></p>
                    </div>
                    <div className='centent-top2'>
                        <h3>30天告别打鼾</h3>
                        <p><span style={{ color: "#ddd" }}>让枕边人睡个好觉</span></p>
                    </div>
                </div>
            </div>
            <div>
                <h3>热门科室</h3>
                <div className='nnn'>
                    <span>耳鼻喉</span>
                    <span>中医科</span>
                    <span>儿科</span>
                    <span>呼吸内科</span>
                    <span>神经内科</span>
                </div>

            </div>
        </div>
    )
}

export default Home
